// index/canvas.js
Page({

    /**
     * 页面的初始数据
     */
    data: {

    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        console.log(this);
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {
        // this.create()
    },
    // async create(){
    //     const myCanvas=await new this.AniCanvas('myCanvas')
    //     console.log(myCanvas);
    //     setTimeout(()=>{
    //     myCanvas.setBg('yellow')
    //     myCanvas.ctx.beginPath();
    //     myCanvas.ctx.moveTo(0,32);
    //     myCanvas.ctx.lineTo(400,32);
    //     myCanvas.ctx.stroke();
    //     const text1=myCanvas.setText({
    //         text:'AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试',
    //         x:myCanvas.lrCenter,
    //         y:32,
    //         color:'#000',
    //         fontSize:14,
    //         maxWidth:120,
    //         space:5,
    //         // maxLine:2,
    //         align:'left'
    //     })
    //     myCanvas.ctx.beginPath();
    //     myCanvas.ctx.moveTo(0,text1.endTop);
    //     myCanvas.ctx.lineTo(400,text1.endTop);
    //     myCanvas.ctx.stroke();
    //     console.log(text1);
    //     const text2=myCanvas.setText({
    //         text:'AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试 ',
    //         x:myCanvas.lrCenter,
    //         y:text1.endTop,
    //         color:'#000',
    //         fontSize:16,
    //         maxWidth:120,
    //         space:5,
    //         maxLine:5,
    //         align:'center'
    //     })
    //     myCanvas.ctx.beginPath();
    //     myCanvas.ctx.moveTo(0,text2.endTop);
    //     myCanvas.ctx.lineTo(400,text2.endTop);
    //     myCanvas.ctx.stroke();
    //     const text3=myCanvas.setText({
    //         text:'AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试 ',
    //         x:myCanvas.lrCenter,
    //         y:text2.endTop,
    //         color:'green',
    //         fontSize:12,
    //         maxWidth:120,
    //         space:5,
    //         maxLine:3,
    //         align:'right'
    //     })
    //     myCanvas.ctx.beginPath();
    //     myCanvas.ctx.moveTo(0,text3.endTop);
    //     myCanvas.ctx.lineTo(400,text3.endTop);
    //     myCanvas.ctx.stroke();
        
    //     const qrCode=await myCanvas.setImage('https://dummyimage.com/50x50/000/fff.jpg&text=head',myCanvas.lrCenter,text3.endTop,110);
    //     myCanvas.ctx.beginPath();
    //     myCanvas.ctx.moveTo(0,qrCode.endTop);
    //     myCanvas.ctx.lineTo(400,qrCode.endTop);
    //     myCanvas.ctx.stroke();
    //     const text4=myCanvas.setText({
    //         text:'AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试 ',
    //         x:10,
    //         y:qrCode.endTop+100,
    //         color:'green',
    //         fontSize:18,
    //         maxWidth:120,
    //         space:5,
    //         maxLine:3,
    //         lineAlign:'top',
    //         align:'left'
    //     })
    //     const text5=myCanvas.setText({
    //         text:'AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试 ',
    //         x:text4.endLeft,
    //         y:qrCode.endTop+100,
    //         color:'green',
    //         fontSize:18,
    //         maxWidth:120,
    //         space:5,
    //         maxLine:3,
    //         lineAlign:'center',
    //         align:'left'
    //     })
    //     const text6=myCanvas.setText({
    //         text:'AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试AniCanvas测试 ',
    //         x:text5.endLeft,
    //         y:qrCode.endTop+100,
    //         color:'green',
    //         fontSize:18,
    //         maxWidth:120,
    //         space:5,
    //         maxLine:3,
    //         lineAlign:'bottom',
    //         align:'left'
    //     })
    //     console.log(myCanvas);
    //     },2000)
    // },
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})